<template>
    <div style="display: none;">
      <!-- htaq && 特种作业 formLabelAlign.subjectTittle-->
      <div
        id="DomImgjkcns"
        class="DomImg"
        v-if="platform('htaq') && formLabelAlign.gz == '特种作业'"
      >
        <div class="A4page">
          <h1>特种作业人员健康承诺书</h1>
          <div style="margin-top: 80px">
            <p style="text-indent: 50px; font-family: '宋体'">
              本人姓名
              <u>{{ formLabelAlign.nickname }}</u
              >，身份证号码<u>{{ formLabelAlign.username }} </u>，现申请<u>{{
                formLabelAlign.subjectTittle
              }}</u
              >特种作业操作证。
            </p>
            <p style="text-indent: 50px; font-family: '宋体'">郑重承诺</p>
            <p style="text-indent: 50px; font-family: '宋体'">
              一、本人身体健康状况良好，并无妨碍从事相应特种作业的器质性心
              脏病、癫痫病、美尼尔氏症、眩晕症、癔病、震颤麻痹症、精神病、痴呆
              症以及其他疾病和生理缺陷，能够适应所申请作业项目工作要求。
            </p>
            <p style="text-indent: 50px; font-family: '宋体'">
              二、本《承诺书》同意向社会公开。若违背承诺约定或者作出虚假承
              诺，愿意接受相应的规定处罚，承担违约责任，并依法承担相应的法律责
              任。违诺行为作为失信信息，归集至公共信用信息平台并公示。
            </p>
            <div
              style="
                width: 100%;
                display: flex;
                justify-content: flex-end;
                padding-right: 30px;
                margin-top: 50px;
              "
            >
              <span style="font-size: 16px">承诺人（签字）：</span>
              <img :src="autographPath" style="height: 70px" alt="" />
            </div>
            <div style="width: 100%; display: flex; justify-content: flex-end">
              <span style="font-size: 16px">承诺日期：</span>
              <span style="font-size: 16px; padding: 0 16px"
                >{{ new Date().getFullYear() }}年</span
              >
              <span style="font-size: 16px; padding: 0 16px"
                >{{ new Date().getMonth() + 1 }}月</span
              >
              <span style="font-size: 16px; padding: 0 16px"
                >{{ new Date().getDate() }}日</span
              >
            </div>
          </div>
        </div>
      </div>
      <!-- sanyuan && 特种作业 -->
      <div
        id="DomImgjkcns"
        class="DomImg"
        v-else-if="platform('sanyuan') && formLabelAlign.gz == '特种作业'"
      >
        <div class="A4page">
          <h1>特种作业人员健康承诺书</h1>
          <div style="margin-top: 80px">
            <p style="text-indent: 50px; font-family: '宋体'">
              本人申请<u>{{ formLabelAlign.subjectTittle }}</u
              >操作考试，身体条件符合特种作
              业人员安全技术培训大纲和考核标准规定的基本条件，矫正视力<u>5.0</u>,
              无妨碍从事<u>{{ formLabelAlign.subjectTittle }}</u
              >特种作业的器质性心
              脏病、癫痫病、美尼尔氏症、眩晕症、癔病、震颤麻痹症、精神病、
              痴呆症、色盲、色弱以及其他对从事<u>{{ formLabelAlign.subjectTittle }}</u
              >有妨碍 或有安全隐患的疾病和生理缺陷。本人对个人健康承诺的真实性负
              责。
            </p>

            <div
              style="
                width: 100%;
                display: flex;
                justify-content: flex-end;
                padding-right: 30px;
                margin-top: 50px;
              "
            >
              <span style="font-size: 16px">承诺人：</span>
              <img :src="autographPath" style="height: 70px" alt="" />
            </div>
            <div style="width: 100%; display: flex; justify-content: flex-end">
              <span style="font-size: 16px">时间：</span>
              <span style="font-size: 16px; padding: 0 16px"
                >{{ new Date().getFullYear() }}年</span
              >
              <span style="font-size: 16px; padding: 0 16px"
                >{{ new Date().getMonth() + 1 }}月</span
              >
              <span style="font-size: 16px; padding: 0 16px"
                >{{ new Date().getDate() }}日</span
              >
            </div>
          </div>
        </div>
      </div>
      <!-- 默认 -->
      <div
        id="DomImgjkcns"
        class="DomImg"
        v-else
      >
        <div class="A4page">
          <h1>个人健康承诺</h1>
          <div style="margin-top: 80px">
            <p style="text-indent: 50px; font-family: '宋体'">
              本人姓名<u>{{ formLabelAlign.nickname }}</u
              >，身份证号码<u>{{ formLabelAlign.username }}</u
              >，现申请<u>{{ formLabelAlign.subjectTittle }}</u
              >（作业类别）特种作业操作证。本人身体健康，无妨碍从事相应特种作业的器质性心脏病、癫痫病、美尼尔氏症、眩晕症、癔病、震颤麻痹症、精神病、痴呆症以及其他疾病和生理缺陷。{{
                init.district.includes("云南") ? "本人承诺：" : ""
              }}本人对以上信息的真实性负责，如有隐瞒，相关责任全部由本人承担。
            </p>
            <p
              style="text-indent: 50px; font-family: '宋体'"
              v-if="init.district.includes('云南')"
            >
              特此承诺
            </p>
            <div
              style="
                width: 100%;
                display: flex;
                justify-content: flex-end;
                padding-right: 30px;
                margin-top: 150px;
              "
            >
              <span style="font-size: 30px">承诺人（签字）：</span>
              <img :src="autographPath" style="height: 70px" alt="" />
            </div>
            <div
              style="
                width: 100%;
                display: flex;
                justify-content: flex-end;
                padding-right: 30px;
              "
              v-if="init.district.includes('云南')"
            >
              <p style="font-size: 30px; min-width: 300px">
                电话：{{ formLabelAlign.phone }}
              </p>
            </div>
            <div style="width: 100%; display: flex; justify-content: flex-end">
              <span style="font-size: 30px; padding: 0 30px"
                >{{ new Date().getFullYear() }}年</span
              >
              <span style="font-size: 30px; padding: 0 30px"
                >{{ new Date().getMonth() + 1 }}月</span
              >
              <span style="font-size: 30px; padding: 0 30px"
                >{{ new Date().getDate() }}日</span
              >
            </div>
          </div>
        </div>
      </div>
    </div>
</template>

<script>
import {mapGetters} from 'vuex';
export default {
    name:'jkcns',
    computed: {
        ...mapGetters(["init", "http"]),
    },
    props:['formLabelAlign','autographPath'],
    data () {
        return {
        }
    }
}
</script>

<style lang="scss" scoped>
.DomImg {
  position: absolute;
  z-index: -100;
  top: 0;
  left: 0;
  .A4page {
    width: calc(595px * 2);
    height: calc(840px * 2);
    // background:url('~@/assets/logo/pdfbg.png') no-repeat;
    overflow: hidden;
    -webkit-print-color-adjust: exact;
    color: #000;
    position: relative;
    padding: 70px 70px;

    u {
      // text-decoration:underline;
      border-bottom: 1px solid #333;
      // display: inline-block;
      // padding:0 80px;
    }

    p {
      margin: 0;
      font-size: 30px;
      line-height: 80px;
    }

    h1 {
      text-align: center;
      // font-weight: 600;
      font-size: 40px;
    }
  }
}
</style>